<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/jquery-3.3.1.min.js" ></script>
		<script>
			$(function(){
				 $("h1+p").hide();
				 $("h1").css("cursor","pointer").mouseover(function(){
				 	//this是当前对象，这个是dom元素
				 	$(this).next().show(1000);
				 }).mouseout(function(){
				 	$(this).next().hide(500);
				 });
				 $(document).click(function(){
				 	alert("显示全部");
				 	$("p:hidden").show(100);
				 });
			});
		 
		</script>
	</head>
	<body>
		 
		<h1>什么是javascript</h1>
		<p>
			js是。。。。。。
		</p>
		<h1>什么是jquery</h1>
		<p>
			jquery是。。。。。
		</p>
		<h1>什么是继承人</h1>
		<p>
			什么是继承人是。。。。。。
		</p>
	</body>
</html>
